{% extends "base.html" %}
{% load static %}
{% block title %}更新{% endblock %}
{% block css %}
<link rel="stylesheet" href="{% static 'css/update_product.css' %}">
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
{% endblock %}
{% block content %}

<div class="update-form">
    <div class="form">
        <div id="type-div" class="update-info row">
            <div class="update-key col-2">类型</div>
            <div class="update-value col-10">
                <input type="radio" name="type" value="动画">  
                <label for="动画" id="option-anime" class="option">动画</label> 
                <input type="radio" name="type" value="电影">  
                <label for="电影" id="option-movie" class="option">电影</label>
                <input type="radio" name="type" value="电视剧">  
                <label for="电视剧" id="option-teleplay" class="option">电视剧</label>
                <input type="radio" name="type" value="小说">  
                <label for="小说" id="option-novel" class="option">小说</label>
            </div>
        </div>
        <div id="name-div" class="update-info row">
            <div class="update-key col-2">名称</div>
            <div class="update-value col-10">
                <input class="update-input" list="namelist" type="text" id="name">
                <datalist id="namelist"></datalist>
            </div>
        </div>
        <div id="times-div" class="update-info row">
            <div class="update-key col-2">次数</div>
            <div class="update-value col-10">
                <select name="times" class="update-input" id="times">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>
        </div>
        <div id="date_watch_start-div" class="update-info row">
            <div class="update-key col-2">开始日期</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="date_watch_start"> </div>
        </div>
        <div id="date_watch_end-div" class="update-info row">
            <div class="update-key col-2">结束日期</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="date_watch_end"> </div>
        </div>
        <div id="status-div" class="update-info row">
            <div class="update-key col-2">状态</div>
            <div class="update-value col-10">
                <select name="status" class="update-input" id="status"></select>
            </div>
        </div>
        <button id="submit">更新</button> 
    </div>
</div>

<script src="{% static 'js/update_watch.js' %}"></script>
{% endblock %}